/* ./styles/globals.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .scrollbar::-webkit-scrollbar {
    width: 8px;
  }

  .scrollbar::-webkit-scrollbar-track {
    border-radius: 100px;
  }

  .scrollbar::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 100px;
  }

  .scrollbar::-webkit-scrollbar-thumb:hover {
    /* background-color: #dfe6e9; */
    background-color: #dfe6e9;
  }

  .font-raleway {
    font-family: 'Raleway', sans-serif;
  }
}

@layer components {
}
.item-enter {
  opacity: 0;
  transform: translateY(10px);
}
.item-enter-active {
  opacity: 1;
  transform: translateY(0);
  transition: all 500ms ease-in;
}
.item-exit {
  opacity: 1;
}
.item-exit-active {
  opacity: 0;
  transform: translateY(-60px);
  transition: all 500ms ease-in;
}
* {
  font-family: '微软雅黑';
}
